@import '../../../styles/tools/utils';

@media screen and (min-width: $site-width_min) {
  .site-header {
    @include customWidth();
    display: block;
    padding-top: 70px * $ratio;
    margin: 0 auto;
    .site-title {
      display: block;
      width: 330px * $ratio;
      height: 76px * $ratio;
    }
    .site-desc {
      font-size: 96px * $ratio;
      color: #484848;
    }
  }
}

@media screen and (max-width: $site-width_min - 1px) {
  $ratio: $radioForMobile * 0.8;
  .site-header {
    display: block;
    padding-top: 70px * $ratio;
    margin: 0 auto;
    .site-title {
      display: block;
      width: 330px * $ratio;
      height: 76px * $ratio;
    }
    .site-desc {
      font-size: 96px * $ratio;
      color: #484848;
    }
  }
}
